<template>
	<view class="main">
		<view class="list" v-for="(item,index) in 3" :key="index">
			<view class="name flex align between">
				<view>（组名）1231456</view>
				<view>5月31号</view>
			</view>
			<view class="flex align between info" v-for="(item2,index2) in 3" :key="index2">
				<image src="../../static/head.png"></image>
				<view class="info-item">
					<view>云媒科技</view>
					<view>ID 123456789</view>
					<view>粉丝数：100w</view>
				</view>
				<uni-icons type="trash" size="20" color="#D81E06"></uni-icons>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		margin: 13rpx 30rpx;

		.list {
			background: white;
			box-shadow: 1rpx 1rpx 5rpx 1rpx gainsboro;
			border-radius: 15rpx;
			margin-bottom: 50rpx;

			.name {
				margin: 0 17rpx;
				padding: 26rpx 15rpx 8rpx;
				border-bottom: solid 1rpx #D6D6D6;

				view:nth-child(1) {
					font-size: 28rpx;
					font-weight: bold;
				}

				view:nth-child(2) {
					font-size: 18rpx;
					color: #868686;
				}
			}

			.info {
				font-size: 20rpx;
				padding: 14rpx 41rpx;
				image{
					width: 108rpx;
					height: 108rpx;
				}
				.info-item{
					width: 70%;
					font-size: 20rpx;
					view{
						margin-bottom: 4rpx;
					}
					view:nth-child(1){
						font-size: 32rpx;
						font-weight: bold;
					}
				}
			}

		}
	}
</style>